.mr-request-info {
  margin-top: 20px;
  // 可以合并
  &.success {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    .mr-request-info-title {
      // border-top: 4px solid #66cf6e;
      padding: 16px 20px;
      line-height: 20px;
      font-weight: 500;
      font-size: 14px;
      background: #edffed;
      color: #369855;
      display: flex;
      border-bottom: 1px solid $gray-02;
      .mr-request-info-img {
        display: flex;
        align-items: center;
        width: 57px;
      }
      .mr-request-info-yundou {
        height: 45px;
        width: auto;
      }
      .mr-request-info-tip {
        display: flex;
        justify-content: center;
        line-height: 50px;
        margin-left: 10px;
      }
    }
  }
  // 不能合并
  &.error {
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    .mr-request-info-title {
      padding: 6px 20px;
      line-height: 20px;
      font-weight: 500;
      font-size: 14px;
      border-bottom: 1px solid $gray-02;
      background: #fef6ec;
      color: #d46b08;
      display: flex;
      .mr-request-info-img {
        display: flex;
        align-items: center;
      }
      .mr-request-info-yundou {
        height: 34px;
        width: auto;
      }
      .mr-request-info-tip {
        display: flex;
        justify-content: center;
        line-height: 50px;
        margin-left: 10px;
      }
    }
    .mr-request-list {
      &-item {
        height: 44px;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: $gray-08;
        padding: 0 20px;
        border-bottom: 1px solid #f1f1f1;
        &.space-between {
          justify-content: space-between;
        }
        &.discussion {
          justify-content: space-between;
          .mr-request-list-item-right {
            display: flex;
            align-items: center;
          }
        }
        &-right {
          margin-left: 20px;
          .number {
            display: inline-block;
            vertical-align: middle;
          }
          .dot {
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
            width: 8px;
            height: 8px;
            margin-right: 12px;
            &.running-dot {
              background-color: #729ff9;
            }
            &.fail-dot {
              background-color: #f36479;
            }
            &.pass-dot {
              background-color: #72ddb2;
            }
            &.warning-dot {
              background-color: $primary-alert;
            }
            &.error-dot {
              background-color: $primary-danger;
            }
            &.not-run-dot {
              background-color: #bfbfbf;
            }
          }
          .discuss-detail-btn {
            margin-left: 12px;
          }
        }
        &.sub-item {
          padding: 0 20px;
          margin-bottom: 0;
          height: 42px;
          border-top: 0;
          border-radius: 0;
          &:last-child {
            border-radius: 0 0 4px 4px;
          }
        }
        &.has-sub-item {
          margin-bottom: 0;
        }
        &-left-small {
          text-align: left;
          line-height: 24px;
          font-size: 14px;
          color: #383838;
          display: flex;
          align-items: center;
          .name {
            margin-left: 12px;
          }
          .num {
            margin-left: 12px;
            text-align: left;
            line-height: 20px;
            font-size: 12px;
            color: #8c8c8c;
          }
        }
        &-icon {
          margin-right: 12px;
        }
        .mr-confilct-tip {
          max-width: calc(100% - 230px);
        }
      }
    }
    // 每一项
  }

  &.error.noborder {
    // border-top: 4px solid #ffaf38;
  }
  // 调整icon的位置
  .mr-request-list-item .at-text-avatar-container .at-text-avatar-container-icon {
    left: 12px;
    .reviewed {
      font-size: 10px;
      color: #2e85ff;
    }
    .commented {
      font-size: 10px;
      color: $primary-success;
    }
    .not-reviewed {
      font-size: 10px;
      color: $gray-06;
    }
  }
}
